@charset "utf-8";
@import "common/reset";
@function r($px) {
    @return $px/100+rem;
}
section{
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    padding-bottom: r(130);
    .haitian{
        overflow: hidden;
        .haitian1{
            p:nth-child(1){
                font-size: r(28);
                font-weight: bold;
            }
        }
    .jiang5{
            width: r(75);
            float: right;
            margin: r(2) r(10) 0 r(5);
            .jiang6{
                width: r(24);
                height: r(14);
                font-size: r(14);
                float: left;
                img{
                    width: 100%;
                }
            }
            p{
                font-size: r(15);
                float: left;
                margin-top: r(2);
                margin-left: r(4);
            }
        }
        .aixin{
            width: r(65);
            float: right;
            margin: r(5) r(10) 0 r(200);
            .aixin1{
                width: r(21);
                height: r(19);
                font-size: r(19);
                float: left;
                img{
                    width: 100%;
                }
            }
            p{
                font-size: r(15);
                float: left;
                margin-left: r(5);
            }
        }
        .shuzi{
            display: block;
            float: right;
            margin-bottom: r(47);
            p{
                font-size: r(21);
                span{
                    color: #b20000;
                }
            }
        }
    
    }
//  摘要
    .zhai{
        p{
            font-size: r(20);
            color: #8b8b8b;
            text-indent: 2em;
        }
    }
    .zhai1{
        margin: r(35) 0;
        p{
            font-size: r(20);
            font-weight: bold;
            text-indent: 2em;
            
        }
    }
    .tupian{
        width: 100%;
        height: r(270);
        margin: 0 auto;
        margin-top: r(14);
        img{
            width: 100%;
        }
    }
    .tupian2{
        width: 100%;
        height: r(167);
        margin: 0 auto;
        margin-top: r(14);
        margin-bottom: r(20);
        img{
            width: 100%;
        }
    }
    .zhai2{
        p{
            font-size: r(20);
            font-weight: bold;
            text-indent: 2em;
            
        }
    }
    .tupian3{
        width: 100%;
        height: r(274);
        margin: 0 auto;
        margin-top: r(14);
        img{
            width: 100%;
        }
    }
//  活动介绍
    .huodong{
        margin-top: r(35);
        p{
            font-size: r(20);
            font-weight: bold;
        }
    }
    .huodong1{
        margin: r(35) 0;
        p{
            font-size: r(20);
            color: #8b8b8b;
        }
    }
    .huodong2{
        p{
            font-size: r(20);
            color: #8b8b8b;
        }
    }
    .tupian4{
        width: 100%;
        height: r(170);
        margin: 0 auto;
        margin: r(30) 0;
        img{
            width: 100%;
        }
    }
    .tupian5{
        width: 100%;
        height: r(241);
        margin: 0 auto;
        margin: r(30) 0;
        img{
            width: 100%;
        }
    }
    .tupian6{
        width: 100%;
        height: r(299);
        margin: 0 auto;
        margin: r(30) 0;
        img{
            width: 100%;
        }
    }
    .tupian7{
        width: 100%;
        height: r(277);
        margin: 0 auto;
        margin: r(50) 0;
        img{
            width: 100%;
        }
    }
    //  上一篇
    .xian{
        width: 100%;
        height: r(19);
        background: #efefef;
    }
    .shang{
        margin: r(35) 0;
        p{
            font-size: r(20);
            font-weight: bold;
            span{
                color: #727171;
            }
        }
    }
    .dianz{
        width: 100%;
        overflow: hidden;
        .dianz1{
            width: r(72);
            height: r(100);
            float: left;
            margin: r(38) r(55);
            img{
                width: 100%;
            }
        }
    }
//  登录评论框
    .kuang{
        width: 100%;
        height: r(193);
        border: r(1) solid #cecece;
        p{
            font-size: r(21);
            color: #8b8b8b;
            text-align: center;
            line-height: r(193);
            a{
                color: #c76767;
                text-decoration: underline;
            }
        }
    }
//  发表评论
    .fabiao{
        width: 100%;
        overflow: hidden;
        font-size: r(53);
        input{
            width: r(395);
            height: r(53);
            background: #b20000;
            color: #fff;
            display: inherit;
            margin: r(16) auto;
        }
    }
//  评论内容
    .pingl{
        width: 100%;
        margin-bottom: r(20);
        .pingl1{
            overflow: hidden;
            font-size: r(50);
            margin-top: r(21);
            .pingl2{
                width: r(50);
                height: r(50);
                float: left;
                img{
                    width: 100%;
                }
            }
            p{
                font-size: r(14);
                margin-left: r(60);
                margin-top: r(10);
                span{
                    color: #b2b2b2;
                    margin-left: r(10);
                }
            }
        }
        .pingl3{
            margin-top: r(10);
            overflow: hidden;
            p:nth-child(1){
                font-size: r(21);
                float: left;
            }
            p:nth-child(2){
                font-size: r(15);
                color: #b2b2b2;
                float: right;
                margin-top: r(8);
            }
        }
        #ping{
            display: none;
        }
        #ping:checked ~ .huifu{
            height: r(376);
        }
        #ping:checked ~ label .pingl4 .pingl5 img{
            transform: rotate(0deg);
        }
        .pingl4{
            .pingl5{
                width: r(15);
                height: r(8);
                float: right;
                font-size: r(8);
                img{
                    transform: rotate(-90deg);
                    width: 100%;
                }
            }
            p{
                font-size: r(19);
                float: right;
            }
        }
//      回复内容
        .huifu{
            width: r(535);
            height: 0;
            background: #fafafa;
            margin: 0 auto;
            overflow: hidden;
            .huifu1{
                overflow: hidden;
                width: r(519);
                height: r(111);
                margin: 0 auto;
                border-bottom: 1px dashed #c9c9c9;
                .huifu2{
                    width: r(40);
                    height: r(40);
                    font-size: r(40);
                    float: left;
                    margin: r(20) r(15);
                    img{
                        width: 100%;
                    }
                }
                p:nth-child(2){
                    font-size: r(18);
                    margin-top: r(28);
                }
                p:nth-child(3){
                    font-size: r(18);
                    color: #cccccc;
                    float: right;
                    margin-top: r(10);
                }
            }
        }
        .textarea{
            width: r(497);
            height: r(75);
            margin: r(13) auto;
            font-size: 0;
            input{
                width: 100%;
                height: r(75);
                font-size: r(10);
            }
        }
        .fafb{
            width: r(497);
            overflow: hidden;
            font-size: 0;
            margin: 0 auto;
            input{
                float: right;
                width: r(173);
                height: r(45);
                background: #b20000;
                color: #fff;
                font-size: r(20);
            }
        }
    }
    
    
    
    
    
    
 //  加载更多
    .jiazai{
        overflow: hidden;
        width: 90%;
        height: r(59);
        margin: 0 auto;
        text-align: center;
        border-top: 1px solid #bbbbbb;
        p{
            font-size: r(21);
            color: #bbbbbb;
            margin-top: r(20);
        }
    }
}